<div id="goods_info" class="poup popu-hide">
    <div class="out-wrap">
        <button type="button" class="btn btn-default" @click="closeSku">返回</button>
        <div style="background-color: white;margin-top: 22px;box-shadow: 2px 0px 22px #e4e0e0;">
            <div style="margin: 0 auto;width: 1140px;padding-bottom:20px;">
                <div class="skuinfo-l">
                    <img :src="skuInfo.sku_pic | _formatImgInfo" alt="" style="width: 100%;border: 1px solid #eee;">
                </div>
                <div class="skuinfo-r">
                    <div class="skuinfo-title">
                        {{skuInfo.sku_alias_name ? skuInfo.sku_alias_name : skuInfo.sku_name}}
                    </div>
                    <div style="height:1px;margin:10px 0 20px;border-bottom: 1px dotted #D9D9D9;"></div>
                    <div class="skuinfo-items">
                        <dl class="skuinfo-item">
                            <dt>尺寸</dt>
                            <dd>
                                <ul>
                                    <li v-for="(info, index) in sizeList"><a href="javascript:void(0);" :class="index | _sizeBtnClass" @click="onSelectSize(index)"><span>{{ info.size }}</span></a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="skuinfo-item">
                            <dt>颜色</dt>
                            <dd>
                                <ul>
                                    <li v-for="(info, index) in colorList"><a href="javascript:void(0);" :class="index | _colorBtnClass" @click="onSelectColor(index)"><span>{{ info.color }}</span></a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="skuinfo-item" style="margin-bottom: 20px;">
                            <dt>体积</dt>
                            <dd>
                                {{ skuCount | _formatVolume}} 立方
                            </dd>
                        </dl>
                        <dl class="skuinfo-item" style="margin-bottom: 20px;">
                            <dt>数量</dt>
                            <dd>
                                <a href="javascript:void(0);"  style="padding: 0;" @click="onSkuCountMinus"><i class="fa fa-minus-square-o fa-2x" style="vertical-align: middle;"></i></a>
                                <input  type="text" maxlength="11"  v-model="skuCount" style="width:50px;padding: 2px;border: 1px solid black;">
                                <a href="javascript:void(0);" style="padding: 0;" @click="onSkuCountPlus"><i class="fa fa-plus-square-o fa-2x" style="vertical-align: middle;"></i></a>
                                (件)
                            </dd>
                        </dl>
                        <dl class="skuinfo-item">
                            <div style="background-color: orange;width: 200px;padding: 7px;text-align: center;color: #FFF;cursor: pointer;border:1px solid #efefef;" @click="onAddCart">加入购物车</div>
                        </dl>
                    </div>
                </div>
                <div style="clear: both;"></div>
            </div>
        </div>
    </div>
</div>